<template>
  <div>
   <div>
    h: 把一个㢟变成一个VNode
    render: 把VNode渲染成一个真实的dom节点
   </div>

    <!-- 在 setup 函数中使用 h 函数 -->
    <div ref="customElement"></div>
  </div>
</template>
  
  <script>
export default {
  setup() {
    const message = "Hello, Vue!";
    // 使用 h 函数创建虚拟节点
    const hFunctionExample = () => {
      return h("p", "This is created using h function.");
    };

    return {
      message,
      hFunctionExample
    };
  }
};
</script>
  